<!DOCTYPE html>
<html>

  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="description" content="Mbox : mBox是为移动设备（手机、平板等webkit内核浏览器/webview）量身定做的弹层插件，插件采用JavaScript编写，您需要按照场景选择使用。插件开源、体积小、简单实用、功能强大，是你架构移动终端网站的重要选择！">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
    <link href="css/mbox.css" type="text/css" rel="stylesheet">
    <script src="js/mbox.min.js" type="text/javascript"></script>
    <title>Mbox</title>
  </head>

  <body>

    <!-- HEADER -->
    <div id="header_wrap" class="outer">
        <header class="inner">
          <a id="forkme_banner" href="https://github.com/singod/mbox">View on GitHub</a>

          <h1 id="project_title">Mbox</h1>
          <h2 id="project_tagline">mBox是为移动设备（手机、平板等webkit内核浏览器/webview）量身定做的弹层插件，插件采用JavaScript编写，您需要按照场景选择使用。插件开源、体积小、简单实用、功能强大，是你架构移动终端网站的重要选择！</h2>

            <section id="downloads">
              <a class="zip_download_link" href="https://github.com/singod/mbox/zipball/master">Download this project as a .zip file</a>
              <a class="tar_download_link" href="https://github.com/singod/mbox/tarball/master">Download this project as a tar.gz file</a>
            </section>
        </header>
    </div>

    <!-- MAIN CONTENT -->
    <div id="main_content_wrap" class="outer">
      <section id="main_content" class="inner">
        <h3>
<div style="padding:25px 50px; font-size:16px;"><a href="javascript:;" class="anchor" id="ontan">请点击我！</a></div>
<div style="padding:25px 50px; font-size:16px;"><a href="javascript:;" class="anchor" id="ontan01">请点击我！</a></div>

<p id="test" >对于正常方向的框，每个子元素的上边缘沿着框的顶边放置对于正常方向的框，原创弹出层插件</p>
      <h3>
      </section>
    </div>

    <!-- FOOTER  -->
    <div id="footer_wrap" class="outer">
      <footer class="inner">
        <p class="copyright">Mbox maintained by <a href="https://github.com/singod">singod</a></p>
        <p>Published with <a href="https://pages.github.com">GitHub Pages</a></p>
      </footer>
    </div>

    
<script type="text/javascript">

	var getId=document.getElementById("ontan");
	var getId01=document.getElementById("ontan01");
	getId.onclick=function(){
		mBox.open({
			//width:'150px',
			//title:["我就是标题！","background-color:#3293E0;color:#fff;"],
			content:mBox.cell("#test"),
			btnName:['确定','取消']
		});
	}
	getId01.onclick=function(){
		$M.open({
			//width:'150px',
			//title:["我就是标题！","background-color:#3293E0;color:#fff;"],
			content:"<div>对于正常方向的框</div>",
			btnName:['确定','取消']
		});
	}

	
</script>
  </body>
</html>
